<template>
  <a-card :bordered="false" style="width: 100%;border-radius: 4px">
    <a-tabs default-active-key="1" @change="tabChange">
      <a-tab-pane key="1" tab="线上商品">
        <manage-product-online/>
      </a-tab-pane>
      <a-tab-pane key="2" tab="发布记录">
        <manage-product-record/>
      </a-tab-pane>
      <a-tab-pane key="3" tab="草稿箱">
        <manage-product-draft/>
      </a-tab-pane>
      <a-tab-pane key="4" tab="回收站">
        <manage-product-recycle/>
      </a-tab-pane>
    </a-tabs>
  </a-card>

</template>

<script>
  import ManageProductOnline from '@/views/tmall/product/manageProductOnline'
  import ManageProductRecord from '@/views/tmall/product/manageProductRecord'
  import ManageProductDraft from '@/views/tmall/product/manageProductDraft'
  import ManageProductRecycle from '@/views/tmall/product/manageProductRecycle'

  export default {
    // 商品管理
    name: 'ManageProduct',
    components: { ManageProductOnline, ManageProductRecord, ManageProductDraft, ManageProductRecycle },
    data () {
      return {}
    },
    methods: {
      tabChange (key) {
        console.log(key)
      }
    }
  }
</script>

<style scoped>

</style>
